<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<div class="well col-md-12" style="height: 150px;background-color: #4F3E8A">
    <div class="col-md-5"></div>
    <span class="col-md-3" style="font-size: 5em;">注册</span>
    <div class="col-md-4"></div>
</div>
<div class="container col-md-12">
    <div class="col-md-3"></div>
    <div class="col-md-6">
        <form class="">
            <div class="form-group">
                <label for="uname">账号:</label>
                <input type="text" id="uname" name="uname" class="form-control">
                <span class="control-label">请正确填写账号</span>
            </div>
            <div class="form-group">
                <label for="upwd">密码:</label>
                <input type="password" id="upwd" name="upwd" class="form-control">
            </div>
            <div class="form-group">
                <label for="supwd">确认密码:</label>
                <input type="password" id="supwd" name="supwd" class="form-control">
            </div>
            <div class="form-group">
                <label for="upwd">性别:</label>
                <div class="radio">
                    <label>
                        <input type="radio" name="upwd" class="">男
                    </label>
                    <label>
                        <input type="radio"  name="upwd" class="">女
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label>爱好:</label>
                <div class="checkbox" ng-app="fav">
                    <label>
                        <input type="checkbox" name="fav" class="">足球
                    </label>
                    <label>
                        <input type="checkbox" name="fav" class="">篮球
                    </label>
                    <label>
                        <input type="checkbox" name="fav" class="">网球
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label for="email">邮箱:</label>
                <input type="email" id="email" name="supwd" class="form-control">
            </div>
            <div class="form-group">
                <input type="submit" name="sub" class="btn btn-primary" value="登录">
                <input type="reset"  name="res" class="btn btn-primary" value="重置">
            </div>
        </form>
    </div>
</div>
<div class="container col-md-12" style="background-color: #1b6d85;height: 100px">
    <div class="col-md-5"></div>
    <span style="font-size: 5em;color: #3c3c3c;margin-top: 20px">底部</span>
</div>
</body>
</html>